<!--
@license
Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->

<link rel="import" href="../bower_components/polymer/polymer-element.html">

<dom-module id="shop-style-common">
  <template>
    <style>
        :host{
            padding:10px 20px;
            display: block;
            font-size: 13px;
        }
        paper-input{
            font-size: 13px;
            --paper-input-container-underline-focus:{border-color: #000;}
            --paper-input-container-label:{font-size: 13px;}
            --paper-input-container-input:{font-size: 13px;}
        }
        paper-input iron-icon{
            color: #666;
        }
        paper-input[focused] iron-icon{
            color: #000;
        }
        hr{
            border: none;
            height: 1px;
            background-color: #ddd;
            margin: 0px;
        }
        paper-listbox{
            --paper-font-subhead_-_font-size:15px;
            --paper-font-body1_-_font-size:12px;
        }
        paper-icon-item{
            padding: 0px;
            border-bottom: #ddd solid 1px;
            --paper-item-focused:{background-color: #fff;}
            --paper-item-focused-before:{background-color: #fff;}
        }
        paper-icon-item[focused]{
            border-bottom: green solid 2px;
            margin-bottom: -1px;
            color: green;
            --paper-item-body-secondary-color:green;
        }
        paper-icon-item[focused] paper-icon-button{
            color: green;
        }
        paper-icon-item [slot=item-icon]{
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
        }
        paper-button{
            background-color: #51c332;
            color: #fff;
            font-size: 13px;
            margin: 0px;
        }
        
    </style>
  </template>
</dom-module>
